<template>
  <div class="loginContainer">
    <div></div>
    <div class='logo_wrap'>
      <div class='logo_img' v-if='userInfo'>
        <image :src='imgHost+userInfo.tenantLogo' class='logo'/>
      </div>
      <div class='version-line'>
        <div class='badge'>版本号</div><div class='font-lg'>1.0.0</div>
      </div>
    </div>
    <div class='info-line'>
      <div class='font-sm'>Copyright : 2016-2019版权所有</div>
      <div>{{userInfo.companyName}}</div>
    </div>
  </div>
</template>

<script type="text/javascript">
import tabBar from '../tab_bar/tab_bar.vue';
import { mapState } from 'vuex'
export default {
  components:{
      tabBar
  },
  data() {
    return {}
  },
  computed:{
    ...mapState(['userInfo','imgHost']),
  }
}
</script>

<style lang='less'>
  page{
    height: 100%;
    background:#eef7fd;
  }
  .loginContainer{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    .logo_wrap{
      .logo_img{
        width: 240rpx;
        height: 120rpx;
        margin: 0 auto;
        .logo{
          width: 240rpx;
          height: 120rpx;
        }
      }
    }
    .version-line{
      display: flex;
      justify-content: center;
      align-items: center;
      margin-top:50rpx;
      .badge{
          font-size: 24rpx;
          width: 73rpx;
          height: 28rpx;
          line-height: 28rpx;
          padding: 8rpx 14rpx;
          border-radius: 110rpx;
          color: #fff;
          background: #0d79cd;
       }
       .font-lg{
         font-size:38rpx;
         color:#308fc9;
         margin-left:20rpx;
       }
    }
    .info-line{
      display: flex;
      flex-direction: column;
      align-items: center;
      color:#a4a4a4;
      margin-bottom:50rpx;
      .font-sm{
        font-size:26rpx;
      }
    }
  }
</style>

